// JavaScript Document
	$(document).ready(function() {
		$("#name").attr("value", "Your name...");
		var text1 = "Your name...";
		$("#name").focus(function() {
			$(this).addClass("active");
			if($(this).attr("value") == text1) $(this).attr("value", "");
		});
		$("#name").blur(function() {
			$(this).removeClass("active");
			if($(this).attr("value") == "") $(this).attr("value", text1);
		});
	
	
		$("#email").attr("value", "Your e-mail...");
		var text2 = "Your e-mail...";
		$("#email").focus(function() {
			$(this).addClass("active");
			if($(this).attr("value") == text2) $(this).attr("value", "");
		});
		$("#email").blur(function() {
			$(this).removeClass("active");
			if($(this).attr("value") == "") $(this).attr("value", text2);
		});


		$("#phone").attr("value", "Your phone...");
		var text3 = "Your phone...";
		$("#phone").focus(function() {
			$(this).addClass("active");
			if($(this).attr("value") == text3) $(this).attr("value", "");
		});
		$("#phone").blur(function() {
			$(this).removeClass("active");
			if($(this).attr("value") == "") $(this).attr("value", text3);
		});
		
		
		$("#message").attr("value", "Your message...");
		var text4 = "Your message...";
		$("#message").focus(function() {
			$(this).addClass("active");
			if($(this).attr("value") == text4) $(this).attr("value", "");
		});
		$("#message").blur(function() {
			$(this).removeClass("active");
			if($(this).attr("value") == "") $(this).attr("value", text4);
		});

		
	});
	
	$(document).ready(function() {
	
		$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
		$("#topnav li").each(function() { //For each list item...
			var linkText = $(this).find("a").html(); //Find the text inside of the <a> tag
			$(this).find("span").show().html(linkText); //Add the text in the <span> tag
		}); 
	
		$("#topnav li").hover(function() {	//On hover...
			$(this).find("span").stop().animate({
				marginTop: "-40" //Find the <span> tag and move it up 40 pixels
			}, 250);
		} , function() { //On hover out...
			$(this).find("span").stop().animate({
				marginTop: "0"  //Move the <span> back to its original state (0px)
			}, 250);
		});
	
	});

